.tabList{
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  padding-top: 26rpx;
  color: #FFFFFF;
  .item{
    padding:14rpx 0;
    border-bottom: 6rpx solid  transparent;
  }
  .active{
    border-bottom: 6rpx solid  #F9C34A;
  }
}

.content{
  display: flex;
  align-items: center;
  flex-direction: column;
  .item{
    width: 614rpx;
    height: 314rpx;
    background: #33363D;
    border-radius: 12rpx;
    padding: 4rpx 28rpx;
    margin: 14rpx 0;
    .top{
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-family: PingFangSC-Regular;
      font-size: 28rpx;
      color: #FFFFFF;
      line-height: 28rpx;
      padding: 28rpx 0;
    }
    .center{
      display: flex;
      align-items: center;
      image{
        width: 140rpx;
        height: 162rpx;
        margin-right: 28rpx;
      }
      .c{
        margin-right: 28rpx;
        min-width:340rpx;
        view{
          opacity: 0.34;
          font-family: PingFangSC-Regular;
          font-size: 24rpx;
          color: #FFFFFF;
          line-height: 28rpx;
          padding: 4rpx 0;
        }
        .title{
          font-family: PingFangSC-Medium;
          font-size: 28rpx;
          color: #FFFFFF;
          padding: 20rpx 0;
          opacity: 1;
          display: flex;
          align-items: center;
          justify-content: space-between;
          view{
            opacity: 1;
            font-size: 28rpx;
          }
        }
      }
    }
    .bot{
      opacity: 0.34;
      font-family: PingFangSC-Regular;
      font-size: 24rpx;
      color: #FFFFFF;
      line-height: 24rpx;
      padding-top: 20rpx;
    }
  }
}